﻿body {
  width: 100%;
  height: 100%;
}

div[metaclass=layout] {
  position: absolute;
}

div[metaclass=layout][layoutDirection=horizontal] {
  /*overflow: auto;*/
}

div[metaclass=layout][layoutDirection=vertical] > div.flex-frame {
  position: absolute;
  top: 0;
  width: 100%;
}

div[metaclass=layout][layoutDirection=horizontal] > div.flex-frame {
  position: absolute;
  left: 0;
  height: 100%;
}

div[metaclass=layout][layoutDirection=vertical] > div.flex-frame > div.flex-block {
  position: relative;
}

div[metaclass=layout][layoutDirection=horizontal]  > div.flex-frame > div.flex-block {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
}

div[metaclass=layout] > div.flex-frame > div.flex-block > div.container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

div[metaclass=layout] > div.flex-frame > div.flex-block > div.container > div.box {
  position: relative;
  -moz-box-sizing: border-box;
  /*box-sizing: border-box;*/
  /*behavior: url("boxsizing.htc");*/
  z-index: 1;
}

div[metaclass=layout][layoutDirection=horizontal] > div.flex-frame > div.flex-block > div.container > div.box {
  width: 100%;
}

div[metaclass=layout][layoutDirection=horizontal] > div.flex-frame > div.flex-block > div.container > div.box {
  height: 100%;
}

div[metaclass=layout] > div.flex-frame > div.flex-block > div.container > div.box > div {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
